.assist-page {
  height : 100%
  .assist-header {
    height : 80px
    line-height : 80px
    font-size : 18px;
    color : #7f7f7f;
    text-align : center
    background-color : #ccc
    span {
      padding-bottom : 26px
      margin-left : 20px
      cursor : pointer
      &.active {
        color : #4c4c4c
        border-bottom : 4px solid #4c4c4c
      }
    }
  }
  .assist-content {
    height : calc(100% - 80px)
    .ps {
      padding : 40px 0
      height : 100%
    }
    .replied-items {
      width : 980px
      margin : 0 auto
      .common {
        float : left
      }
      .replied-info {
        width : 400px
        margin-left : 20px
        float : left
        font-size : 14px;
        color : #9399B0;
        .text {
          font-size : 16px;
          color : #FFFFFF;
          margin-bottom : 20px
          word-wrap : break-word;
          word-break : break-all;
        }
      }
    }
    .common {
      position : relative
      width : 560px
      padding : 20px 30px
      margin : 0 auto 10px
      background-color : #fff
      &.to-do-items:hover {
        .reply {
          display : block
        }
      }
      &.to-do-items .reply {
        display : none
        height : 120px
        width : 50px
        .btn-reply {
          width : 40px
          height : 120px
          padding : 20px 10px
          margin-left : 10px;
          font-size : 14px;
          cursor : pointer
          color : #FFFFFF;
          text-align : center
          background : #4A96FF;
        }
      }
      .reply {
        position : absolute
        top : 0
        left : 560px
      }
      .company-name {
        margin-bottom : 10px
        font-size : 18px;
        color : #333333;
      }
      .date {
        margin-bottom : 30px
        font-size : 14px;
        color : #999999;
        .time {
          color : #151515;
        }
      }
      .con {
        .title {
          margin-bottom : 10px
          font-size : 14px;
          color : #333333;
        }
        .text {
          font-size : 14px;
          color : #666666;
          word-wrap : break-word;
          word-break : break-all;
        }
        .img-items {
          width : calc(100% + 10px)
          margin-top : 20px
          overflow : hidden
          .img-list {
            position relative
            margin : 0 10px 10px 0
            width : 160px
            height : 110px
            float : left
            cursor pointer
            overflow : hidden
            border: 1px solid transparent;
            border-radius: 4px;
            box-shadow: 0 1px 1px rgba(0,0,0,.2);
            &:hover{
              .img-list-hover{
                display : block
              }
            }
            .img-list-hover{
              display : none
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              text-align : center
              background: rgba(0,0,0,.6);
              .read{
                color: #fff;
                font-size: 40px;
                margin-top: 32px;
              }
            }
          }

        }
      }
    }
  }
}
